// 导入重置样式
require("../../assets/css/reset.css");
// 引入公共样式
require("../../assets/css/basic.css");
// 引入矢量图
require("../../assets/fonts/iconfont.css");
// 引入头部导航navbar
require("../../assets/css/navbar.less");
// 引入底部导航tabbar
require("../../assets/css/tabbar.less");
// 引入当前页面的样式
require("./exercising_run.less");

// 引入dom
const dom = require("../../utils/dom.js");
// 引入axios模块
const axios = require("../../utils/axios.js");
// 引入头部导航navbar
const navbar = require("../../utils/navbar.js");
// 引入底部导航tabbar
const tabbar = require("../../utils/tabbar.js");

window.addEventListener("DOMContentLoaded", () => {
    //渲染头部导航navbar
    navbar.navbar("exercising_run");
    // 渲染底部导航tabbar
    tabbar.tabbar("exercising_run");
    
    // 1.点击go开始倒计时
    dom.get("#go").addEventListener("click", () => {
        location.href = "countdown.html";
    })

    // 2.点击运动类型增加激活样式
    dom.getAll(".type a")[0].classList.add("on");  //默认显示第一个
    dom.getAll(".type a").forEach(v => {
        v.addEventListener("click", function() {
            // 先排他移出所有激活样式
            dom.getAll(".type a").forEach(item => {
                item.classList.remove("on");
            })
            // 再给被点击的对象添加激活样式
            this.classList.add("on");
        })
    })

    // 3.获取用户的运动数据
    axios.get("/api/exercise").then(res => {
        if(res.data.errno === 0){
            dom.get("#km").textContent = ((res.data.data.sum7Meter)/1000).toFixed(2);
        }
    })
})